<!--<template>-->
    <!--<div>业务录入-->

        <!--div class="super-flow-base-demo">-->
        <!--<super-flow-->
                <!--ref="superFlow"-->
                <!--:node-list="nodeList"-->
                <!--:link-list="linkList"-->
                <!--:origin="origin"-->
                <!--:graph-menu="graphMenuList"-->
                <!--:node-menu="nodeMenuList"-->
                <!--:link-menu="linkMenuList"-->
                <!--:enter-intercept="enterIntercept"-->
                <!--:output-intercept="outputIntercept"-->
                <!--:link-desc="linkDesc">-->
            <!--<template v-slot:node="{meta}">-->
                <!--<div :class="`flow-node flow-node-${meta.prop}`">-->
                    <!--<header class="ellipsis">-->
                        <!--{{meta.name}}-->
                    <!--</header>-->
                    <!--<section>-->
                        <!--{{meta.desc}}-->
                    <!--</section>-->
                <!--</div>-->
            <!--</template>-->
        <!--</super-flow>-->

        <!--<el-dialog-->
                <!--:title="drawerConf.title"-->
                <!--:visible.sync="drawerConf.visible"-->
                <!--:close-on-click-modal="false"-->
                <!--width="500px">-->
            <!--<el-form-->
                    <!--@keyup.native.enter="settingSubmit"-->
                    <!--@submit.native.prevent-->
                    <!--v-show="drawerConf.type === drawerType.node"-->
                    <!--ref="nodeSetting"-->
                    <!--:model="nodeSetting">-->
                <!--<el-form-item-->
                        <!--label="节点名称"-->
                        <!--prop="name">-->
                    <!--<el-input-->
                            <!--v-model="nodeSetting.name"-->
                            <!--placeholder="请输入节点名称"-->
                            <!--maxlength="30">-->
                    <!--</el-input>-->
                <!--</el-form-item>-->
                <!--<el-form-item-->
                        <!--label="节点描述"-->
                        <!--prop="desc">-->
                    <!--<el-input-->
                            <!--v-model="nodeSetting.desc"-->
                            <!--placeholder="请输入节点描述"-->
                            <!--maxlength="30">-->
                    <!--</el-input>-->
                <!--</el-form-item>-->
            <!--</el-form>-->
            <!--<el-form-->
                    <!--@keyup.native.enter="settingSubmit"-->
                    <!--@submit.native.prevent-->
                    <!--v-show="drawerConf.type === drawerType.link"-->
                    <!--ref="linkSetting"-->
                    <!--:model="linkSetting">-->
                <!--<el-form-item-->
                        <!--label="连线描述"-->
                        <!--prop="desc">-->
                    <!--<el-input-->
                            <!--v-model="linkSetting.desc"-->
                            <!--placeholder="请输入连线描述">-->
                    <!--</el-input>-->
                <!--</el-form-item>-->
            <!--</el-form>-->
            <!--<span-->
                    <!--slot="footer"-->
                    <!--class="dialog-footer">-->
        <!--<el-button-->
                <!--@click="drawerConf.cancel">-->
          <!--取 消-->
        <!--</el-button>-->
        <!--<el-button-->
                <!--type="primary"-->
                <!--@click="settingSubmit">-->
          <!--确 定-->
        <!--</el-button>-->
      <!--</span>-->
        <!--</el-dialog>-->

    <!--</div>-->

<!--</template>-->

<!--<script>-->
    <!--import SuperFlow from 'vue-super-flow'-->
    <!--import 'vue-super-flow/lib/index.css'-->
    <!--export default {-->
        <!--name: "Build",-->
        <!--components: {SuperFlow}-->
    <!--}-->
<!--</script>-->

<!--<style lang="less" scoped>-->
                  <!--.ellipsis {-->
                      <!--white-space: nowrap;-->
                      <!--text-overflow: ellipsis;-->
                      <!--overflow: hidden;-->
                      <!--word-wrap: break-word;-->
                  <!--}-->

<!--.super-flow-base-demo {-->
    <!--width            : 100%;-->
    <!--height           : 800px;-->
    <!--margin           : 0 auto;-->
    <!--background-color : #f5f5f5;-->

<!--.super-flow__node {-->
<!--.flow-node {-->
<!--&gt; header {-->
    <!--font-size   : 14px;-->
    <!--height      : 32px;-->
    <!--line-height : 32px;-->
    <!--padding     : 0 12px;-->
    <!--color       : #ffffff;-->
<!--}-->

<!--&gt; section {-->
    <!--text-align  : center;-->
    <!--line-height : 20px;-->
    <!--overflow    : hidden;-->
    <!--padding     : 6px 12px;-->
    <!--word-break  : break-all;-->
<!--}-->

<!--&.flow-node-start {-->
<!--&gt; header {-->
    <!--background-color : #55abfc;-->
<!--}-->
<!--}-->

<!--&.flow-node-condition {-->
<!--&gt; header {-->
    <!--background-color : #BC1D16;-->
<!--}-->
<!--}-->

<!--&.flow-node-approval {-->
<!--&gt; header {-->
    <!--background-color : rgba(188, 181, 58, 0.76);-->
<!--}-->
<!--}-->

<!--&.flow-node-cc {-->
<!--&gt; header {-->
    <!--background-color : #30b95c;-->
<!--}-->
<!--}-->

<!--&.flow-node-end {-->
<!--&gt; header {-->
    <!--height           : 50px;-->
    <!--line-height      : 50px;-->
    <!--background-color : rgb(0, 0, 0);-->
<!--}-->
<!--}-->
<!--}-->
<!--}-->
<!--}-->

<!--</style>-->
